<template>
  <div>这是详情页面</div>
  <!-- 获取路由参数 -->
  <!-- <p>{{ $route.params.id }}</p> -->
  <p>{{ id }}</p>
</template>

<script>
export default {
  props: ["id"],

  watch: {
    id(val) {
      console.log(val);
    },
  },

  // mounted() {
  //   // 拿到对应的id，并获取它的详细信息
  //   // 如果在js里面要拿id，前面要加this
  //   console.log(this.$route.params.id);
  // },

  // created() {
  //   this.$watch(
  //     () => this.$route.params.id,
  //     (newId, oldId) => {
  //       // 对路由变化做出响应...
  //       console.log(newId);
  //     }
  //   );
  // },
};
</script>
